<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-03-23 14:24:05
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-04-08 14:04:13
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\confir-receipt\\confir-receipt.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
货物单价<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-14 15:02:52
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-03-04 09:38:45
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\confir-receipt\\confir-receipt.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->

<nz-alert
style="padding-bottom: 15px;"
nzType="warning"
nzCloseable
nzMessage="签收后不可再修改运费，请确保运费等信息准确无误后，再进行签收。"
></nz-alert>
<sv-container col="1">
  <sv label="货物单价">
    <span>
      {{detailList?.freightPrice}} {{detailList?.freightTypeLabel}}
     </span>
  </sv>
  <sv label="结算依据">
    <div>
      <div *ngIf="detailList?.goodsInfoVO?.settlementBasis === '1'">以收货为准</div>
      <div *ngIf="detailList?.goodsInfoVO?.settlementBasis === '2'">以发货为准 </div>
      <div *ngIf="detailList?.goodsInfoVO?.rule === '1'">保留小数 </div>
      <div *ngIf="detailList?.goodsInfoVO?.rule === '2'">抹除小数 </div>
      <div *ngIf="detailList?.goodsInfoVO?.rule === '3'">抹除个数 </div>
    </div>
  </sv>

  </sv-container>
  <sv-container col="2">
    <sv label="装货重量">
      <div>{{ detailList?.loadWeight }}吨</div>
    </sv>
    <sv label="装货体积">
      <div>{{ detailList?.loadVolume }}方</div>
    </sv>
  </sv-container>
  <sv-container col="2" >
    <sv label="卸货重量">
      <div>{{ detailList?.settlementWeight }}吨</div>
    </sv>
    <sv label="卸货体积">
      <div>{{ detailList?.settlementVolume }}方</div>
    </sv>
  </sv-container>
  <sv-container col="1">
    <sv label="总运费">
      <div>{{detailList?.price | currency}} 元</div>
  </sv>
  <sv label="司机车辆">
    <div>{{detailList?.driverName}} / {{detailList?.driverPhone}}/ {{detailList?.carNo}}</div>
</sv>
<sv label="收款人">
  <div>{{detailList?.payeeName}} / {{detailList?.payeePhone}}</div>
</sv>
<sv label="回单凭证">
  <nz-upload
    class="avatar-uploader"
    [nzAction]="service.$api_upload_url"
    [nzName]="'multipartFile'"
    nzListType="picture-card"
    [(nzFileList)]="listImagUrls"
    [nzShowButton]="listImagUrls.length < 5"
    [nzPreview]="handlePreview1"
    [nzBeforeUpload]="beforeUpload"
    (nzChange)="handleChange1($event)"
  >
    <div>
      <i nz-icon nzType="plus"></i>
      <div style="margin-top: 8px">请上传图片</div>
    </div>
  </nz-upload>
  <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible1 = false">
    <ng-template #modalContent>
      <img [src]="previewImage1" [ngStyle]="{ width: '100%' }" />
    </ng-template>
  </nz-modal>
</sv>
</sv-container>
<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
  <button nz-button type="submit" nzType="primary" (click)="save()" [nzLoading]="http.loading"
    >确认签收</button
  >
</div>
